<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8"/>

    <title>Flat UI Icon</title>

    <link href="flat_ui/css/vendor/bootstrap.min.css" rel="stylesheet"/>
    <link href="flat_ui/css/flat-ui.min.css" rel="stylesheet"/>
    <link rel="shortcut icon" href="../favicon.ico"/>

</head>
<body>
<div class="container">
    <h4>Flat UI Icon</h4>
    <hr/>
    <div class="row">
        <div class="col-md-1"><em class="fui-alert-circle"></em></div>
        <div class="col-md-1"><em class="fui-apple"></em></div>
        <div class="col-md-1"><em class="fui-arrow-left"></em></div>
        <div class="col-md-1"><em class="fui-arrow-right"></em></div>

        <div class="col-md-1"><em class="fui-android"></em></div>
        <div class="col-md-1"><em class="fui-behance"></em></div>
        <div class="col-md-1"><em class="fui-bookmark"></em></div>
        <div class="col-md-1"><em class="fui-bubble"></em></div>

        <div class="col-md-1"><em class="fui-calendar"></em></div>
        <div class="col-md-1"><em class="fui-calendar-solid"></em></div>
        <div class="col-md-1"><em class="fui-chat"></em></div>
        <div class="col-md-1"><em class="fui-check"></em></div>
    </div>
    <div class="row">
        <div class="col-md-1"><em class="fui-check-circle"></em></div>
        <div class="col-md-1"><em class="fui-checkbox-checked"></em></div>
        <div class="col-md-1"><em class="fui-checkbox-unchecked"></em></div>
        <div class="col-md-1"><em class="fui-clip"></em></div>

        <div class="col-md-1"><em class="fui-cmd"></em></div>
        <div class="col-md-1"><em class="fui-credit-card"></em></div>
        <div class="col-md-1"><em class="fui-cross"></em></div>
        <div class="col-md-1"><em class="fui-cross-circle"></em></div>

        <div class="col-md-1"><em class="fui-document"></em></div>
        <div class="col-md-1"><em class="fui-dribbble"></em></div>
        <div class="col-md-1"><em class="fui-dropbox"></em></div>
        <div class="col-md-1"><em class="fui-exit"></em></div>
    </div>
    <hr/>
    <div class="row">
        <div class="col-md-1"><em class="fui-export"></em></div>
        <div class="col-md-1"><em class="fui-eye"></em></div>
        <div class="col-md-1"><em class="fui-facebook"></em></div>
        <div class="col-md-1"><em class="fui-folder"></em></div>

        <div class="col-md-1"><em class="fui-foursquare"></em></div>
        <div class="col-md-1"><em class="fui-gear"></em></div>
        <div class="col-md-1"><em class="fui-github"></em></div>
        <div class="col-md-1"><em class="fui-google-plus"></em></div>

        <div class="col-md-1"><em class="fui-heart"></em></div>
        <div class="col-md-1"><em class="fui-home"></em></div>
        <div class="col-md-1"><em class="fui-html5"></em></div>
        <div class="col-md-1"><em class="fui-image"></em></div>
    </div>
    <div class="row">
        <div class="col-md-1"><em class="fui-info-circle"></em></div>
        <div class="col-md-1"><em class="fui-instagram"></em></div>
        <div class="col-md-1"><em class="fui-lastfm"></em></div>
        <div class="col-md-1"><em class="fui-link"></em></div>

        <div class="col-md-1"><em class="fui-linkedin"></em></div>
        <div class="col-md-1"><em class="fui-list"></em></div>
        <div class="col-md-1"><em class="fui-list-bulleted"></em></div>
        <div class="col-md-1"><em class="fui-list-columned"></em></div>

        <div class="col-md-1"><em class="fui-list-large-thumbnails"></em></div>
        <div class="col-md-1"><em class="fui-list-numbered"></em></div>
        <div class="col-md-1"><em class="fui-list-small-thumbnails"></em></div>
        <div class="col-md-1"><em class="fui-list-thumbnailed"></em></div>
    </div>
    <hr/>
    <div class="row">
        <div class="col-md-1"><em class="fui-location"></em></div>
        <div class="col-md-1"><em class="fui-lock"></em></div>
        <div class="col-md-1"><em class="fui-loop"></em></div>
        <div class="col-md-1"><em class="fui-mail"></em></div>

        <div class="col-md-1"><em class="fui-mic"></em></div>
        <div class="col-md-1"><em class="fui-mute"></em></div>
        <div class="col-md-1"><em class="fui-new"></em></div>
        <div class="col-md-1"><em class="fui-path"></em></div>

        <div class="col-md-1"><em class="fui-pause"></em></div>
        <div class="col-md-1"><em class="fui-paypal"></em></div>
        <div class="col-md-1"><em class="fui-photo"></em></div>
        <div class="col-md-1"><em class="fui-pinterest"></em></div>
    </div>
    <div class="row">
        <div class="col-md-1"><em class="fui-play"></em></div>
        <div class="col-md-1"><em class="fui-plus"></em></div>
        <div class="col-md-1"><em class="fui-plus-circle"></em></div>
        <div class="col-md-1"><em class="fui-power"></em></div>

        <div class="col-md-1"><em class="fui-question-circle"></em></div>
        <div class="col-md-1"><em class="fui-radio-checked"></em></div>
        <div class="col-md-1"><em class="fui-radio-unchecked"></em></div>
        <div class="col-md-1"><em class="fui-resize"></em></div>

        <div class="col-md-1"><em class="fui-search"></em></div>
        <div class="col-md-1"><em class="fui-skype"></em></div>
        <div class="col-md-1"><em class="fui-spotify"></em></div>
        <div class="col-md-1"><em class="fui-star"></em></div>
    </div>
    <hr/>
    <div class="row">
        <div class="col-md-1"><em class="fui-star-2"></em></div>
        <div class="col-md-1"><em class="fui-stumbleupon"></em></div>
        <div class="col-md-1"><em class="fui-tag"></em></div>
        <div class="col-md-1"><em class="fui-time"></em></div>

        <div class="col-md-1"><em class="fui-trash"></em></div>
        <div class="col-md-1"><em class="fui-triangle-down"></em></div>
        <div class="col-md-1"><em class="fui-triangle-down-small"></em></div>
        <div class="col-md-1"><em class="fui-triangle-left-large"></em></div>

        <div class="col-md-1"><em class="fui-triangle-right-large"></em></div>
        <div class="col-md-1"><em class="fui-triangle-up"></em></div>
        <div class="col-md-1"><em class="fui-triangle-up-small"></em></div>
        <div class="col-md-1"><em class="fui-tumblr"></em></div>
    </div>
    <div class="row">
        <div class="col-md-1"><em class="fui-twitter"></em></div>
        <div class="col-md-1"><em class="fui-upload"></em></div>
        <div class="col-md-1"><em class="fui-user"></em></div>
        <div class="col-md-1"><em class="fui-video"></em></div>

        <div class="col-md-1"><em class="fui-vimeo"></em></div>
        <div class="col-md-1"><em class="fui-volume"></em></div>
        <div class="col-md-1"><em class="fui-window"></em></div>
        <div class="col-md-1"><em class="fui-windows"></em></div>

        <div class="col-md-1"><em class="fui-windows-8"></em></div>
        <div class="col-md-1"><em class="fui-wordpress"></em></div>
        <div class="col-md-1"><em class="fui-yelp"></em></div>
        <div class="col-md-1"><em class="fui-youtube"></em></div>
    </div>
    <hr/>
</div>

</body>
</html>